<template>
  <div>

    <router-link to="/find">发现音乐</router-link> |
    <router-link to="/my/18">我的音乐</router-link> |
    <router-link to="/friend?name=小智">朋友</router-link>
    <!-- 
路由传值：
方法一：
 1、在导航页面，给需要传值的路由路径添加参数即可：to="/path?参数名=值"
 2、在路由路径对应的页面中接收：$route.query.参数名

方式二：
 1、在路由规则中配置参数名, path: "/path/参数名"
 2、在导航页面中，在跳转路径后面直接传值即可，to="/path/值"
 3、在路由路径对应的中接收：$route.params.参数名


     -->
    <!-- 7、设置路由挂载点 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.router-link-active{
  color: red;
  font-weight: bold;
}
</style>